<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>02_箭头函数this指向</title>
</head>

<body>

</body>
<script>
    // setTimeout(function() {
    //     console.log(this); window
    // }, 1000)

    // setTimeout(() => {
    //     console.log(this); window
    // }, 1000)

    /**
     * 箭头函数中的 this 是如何查找的?
     * 答案: 向外层作用域中,一层层查找 this, 查到有this的定义
     */
    const obj = {
        a() {
            setTimeout(function() {
                console.log(this); // obj
            })

            console.log(this);

            setTimeout(() => {
                console.log(this); //当前 obj 对象
            })
        }
    }

    obj.a()
</script>

</html>